/* 所有子元素添加效果：100*100 背景颜色 字体大小 
   字体垂直居中，所有子元素左浮动
    每一个子元素必须颜色不同
				*/

@charset "utf8";
*{	
	font-family: 微软雅黑,华文彩云;
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
}
#father{
	width: 498px;
	height: 200px;
	border: 1px solid red;
	/* 塌陷解决方案1：找到塌陷父元素，指定高度
	塌陷结局方案2：加溢出，子浮动元素算溢出 */
	overflow: hidden;
	
}
/* 群组选择器 不同元素，统一添加效果  */
div.d1,div.d2,div.d3,div.d4,div.d5{
	width: 6.25rem;
	height: 6.25rem;
	background: #cbc9ff;
	font-size: 1.25rem;
	float: left;
	text-align: center;
	line-height: 6.25rem;
}
div.d1{
	background: #ff14c1;
}
div.d2{
	height: 101px;
	background: #6affee;
}
div.d3{
	background: #ffeab7;
}
div.d4{
	background: #9345ff;
}
div.d5{
	background: #ff5a86;
	clear: both;
}